// 引入轮播的css
require("../lib/swiper/swiper-bundle.css")
// 引入当前页面的css
require("../css/index.less")

// 判断是否登录 没有就拦截 返回登录页面
window.$check.checkLogin()

document.ready(function () {
    // 引入导航栏组件
    window.$check.tabs(0);
    //! 引入处理轮播的js
    const Swiper = require("../lib/swiper/swiper-bundle.js")
    // 设置轮播 Swiper：Swiper API：https://swiperjs.com/api/#initialize
    const swiper = new Swiper('.swiper-container', {
        loop: true, // 允许图片循环
        pagination: { // 显示轮播分页
            el: '.swiper-pagination',
        },
        // 自动播放
        autoplay: {
            disableOnInteraction: false
        }

    });

    // 动态获取首页数据
    // 获取登陆的用户的数据 来获取id
    let user = JSON.parse(localStorage.getItem("user"));
    // 获取打卡按钮
    const card = document.querySelector(".card span");
    // 获取天数盒子
    const cardNum = document.querySelector(".card p i");

    // 页面打开后 发送请求 获取数据 在页面显示
    window.$http.get(`/headPageInfo?userId= ${user.userId}`, function (res) {
        // 判断请求是否成功
        if (res.status === 0) {
            //?动态渲染数据
            // 显示排名
            document.querySelector(".rank span").innerHTML = res.data.rank;
            console.log("排名", res.data.rank);
            // 显示打卡天数
            document.querySelector(".card p i").innerHTML = res.data.punchIn;
            console.log("打卡", res.data.punchIn);
            // 显示徽章数量
            document.querySelector(".badge span i").innerHTML = res.data.insigniaNum;
            console.log("徽章", res.data.insigniaNum);
            //todo 判断今天是否打卡
            if (res.data.isPunch == "true") {
                card.innerHTML = "今日已打卡";
                card.className = "punched";
            } else {
                // 没有打卡就注册点击事件
                card.addEventListener("click", punchIn)
            }
        }
    })
    // 事件处理函数
    function punchIn() {
        window.$http.get('/clockIn?userId= ' + user.userId, function (res) {
            if (res.status === 0) {
                cardNum.textContent = cardNum.textContent - 0 + 1;
                card.innerHTML = "今日已打卡";
                card.className = "punched";
                // 移出事件
                card.removeEventListener("click", punchIn);
            }
        })
    }


})
